@font-face {
  font-family: "FONT_TEST";
  src: url("./../static/font/D-DIN-Bold.ttf") format("truetype");
}
.font-change {
  font-family: "FONT_TEST" !important;
}

body {
  background-color: whitesmoke;
}
#root {
  display: flex;
  flex-direction: column;
  align-items: center;
  // transform: scale(2);
}
.poster {
  background: url("./../static/images/poster.png") no-repeat;
  width: 150px;
  height: 300px;
  color: red;
  background-size: cover;
}

.password {
  &::placeholder {
    color: cadetblue;
  }
}

.font,
.font-change {
  font-size: 24px;
  margin-top: 20px;
  color: darkgoldenrod;
}
.font-change {
  font-family: "FONT_TEST" !important;
}

.color1 {
  color: red;
}
.color2 {
  color: rgb(99, 78, 78);
}
.color3 {
  color: rgb(183, 0, 255);
}
.color4 {
  color: rgb(255, 230, 0);
}
